.sidebar-menu .header {
  color: #FFFFFF;
  text-align: center;
  font-size: 15px;
}
.containers {
  width: 100%;
  height: 730px;
  /*margin-left: -15px;*/
}
.ss {
  margin-left: -15px;
}
/*.main-sidebar{
  background-color: #367fa9;
}*/
a{
  cursor: pointer;
}
.user-panel{
  position: fixed;
  width: 200px;
  padding: 20px 10px 20px 16px;
  img{
    max-width: 40px;
    border-radius: 50%;
    vertical-align: middle;
  }
  .info{
    position: absolute;
    width:65px;
    left:65px;
    top:16px;
    color:#fff;
    p{
      //margin: 0 0 10px;
      margin-bottom: 3px;
      font-weight: 600;
      overflow-wrap: break-word;
    }
    a{
      text-decoration: none;
      color:#fff;
      .fa{
        margin-right: 3px;
        color: #3c763d;
      }
    }
  }
  .navbar-custom-menu{
    position: absolute;
    right:10px
  }
  .navbar-nav{
    //padding-left: 5px;
    li{
      position: relative;
      float: left;
      a{
        position: relative;
        display: block;
        //width: 30px;
        //height: 30px;
        //padding: 10px 15px;
        padding: 5px 8px;
        color:#f6f6f6;
        text-decoration: magenta;
        &:hover{
          background: rgba(0,0,0,0.1)
        }
        .fa{
          display: inline-block;
        }
      }
    }
    .dropdown{
      //background-color: #3C8DBC;
      .label{
        position: absolute;
        top: 0px;
        right:0px;
        text-align: center;
        font-size: 9px;
        padding: 2px 3px;
        line-height: .9;
        border-radius: 50%;
        background-color:#ff4545;
        //.label-success{
        //  background-color:#00a65a;
        //}
       &.label-warning{
         right:-4px;
       }
      }

      a{
        background-color: transparent;
      }
    }
    .open{
      .dropdown-menu{
        display: block;
      }

    }
  }

  .dropdown-menu{
    position: absolute;
    right: 0;
    left: 0;
    z-index: 1000;
    display: none;
    width: 280px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.15);
    li.header{
      color:#444444;
      padding: 7px 10px;
      border-bottom: 1px solid #f4f4f4;
    }
    .menu{
      max-height: 200px;
      margin: 0;
      padding: 0;
      list-style: none;
      overflow-x: hidden;
      li>a{
        display: block;
        border-bottom: 1px solid #f4f4f4;
        div>img{
          margin: auto 10px auto auto;
          width: 40px;
          height: 40px;
        }
      }
    }
    li.footer{
      >a{
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        font-size: 12px;
        background-color: #fff;
        padding: 7px 10px;
        border-bottom: 1px solid #eeeeee;
        color: #444 !important;
        text-align: center;
      }
    }
  }
}
.layout-sidebar{
  width: 100%;
  height: calc(100% - 75px);
  overflow-y: auto;
}
 .layout-menu{
  position: absolute;
  top:75px;
  left:0;
  width: 100%;
  height:100%;
  z-index: -10;
   >li{
     a{
       color:#c6d1e2!important;
       &.active{
         color: #fff!important;
         background-color: #3f4b57;
       }
     }
     >a.active{
       background-color: #39b9c6;
     }
   }
}


/deep/ .navbar-nav{
  margin: 0;
}
.layout-menu .fa{
  width: 20px;
}
